<ul nz-menu class="context-menu" *ngIf="hasSelectedFile()">
  <li nz-menu-item *ngIf="isDirectory()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-youjiantou'"></i>
      <span *nzSpaceItem>进入</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item *ngIf="isOpenable()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-dakai'"></i>
      <span *nzSpaceItem>打开</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item *ngIf="!isDirectory()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-baocundaobendi'"></i>
      <span *nzSpaceItem>下载</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-divider></li>
  <li nz-menu-item *ngIf="isEditable()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-bianji'"></i>
      <span *nzSpaceItem>编辑</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item>
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-xinxi'"></i>
      <span *nzSpaceItem>详细信息</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item>
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-zhongmingming'"></i>
      <span *nzSpaceItem>重命名</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item>
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-yasuotupian'"></i>
      <span *nzSpaceItem>压缩</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item *ngIf="isZip()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-yasuotupian'"></i>
      <span *nzSpaceItem>解压</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item>
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-fuzhi'"></i>
      <span *nzSpaceItem>复制</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-item>
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-yidong'"></i>
      <span *nzSpaceItem>移动</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
  <li nz-menu-divider></li>
  <li nz-menu-item (click)="deleteFile()">
    <nz-space nzSize="middle">
      <i *nzSpaceItem nz-icon [nzIconfont]="'icon-shanchu'"></i>
      <span *nzSpaceItem>删除</span>
      <span *nzSpaceItem></span>
    </nz-space>
  </li>
</ul>

<nz-drawer
  [nzVisible]="drawerVisible"
  nzPlacement="right"
  [nzTitle]="drawerTitle"
>
  <ng-container *nzDrawerContent>
    <nz-skeleton [nzAvatar]="true" [nzParagraph]="{ rows: 4 }"></nz-skeleton>
  </ng-container>
</nz-drawer>
